<template>
  <div class="goodsdesc-container">
    <h3>{{info.title}}</h3>
    <hr>
    <div class="content" v-html="info.content"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {info:{}}
  },
  created() {
    this.getGoodsDesc();
  },
  methods: {
    getGoodsDesc() {
      this.$http.get("goods/desc/"+this.$route.params.id).then(result => {
        if (result.body.status === 0) {
          console.log(result.body.message);
          this.info = result.body.message;
          // Toast({
          //   message: "轮播图加载成功",
          //   position: "bottom",
          //   duration: 3000
          // });
        }
      });
    }
  }
};
</script>

<style lang="scss" >
.goodsdesc-container {
    h3 {
        font-size: 16px;
        color: #22adfe;
        margin-top: 15px;
    }
    .content {
        padding: 0 5px;
        img {
            width: 100%;
        }
    }
}
</style>
